import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'welcome to flutter',
      home: Scaffold(
          appBar: AppBar(
            title: Text('welcom to f'),
          ),
          body: Center(
            child: new Column(
              crossAxisAlignment: CrossAxisAlignment.end,
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                new RaisedButton(
                  onPressed: () {},
                  color: Colors.red,
                  child: new Text('Red btn'),
                ),
                new RaisedButton(
                  onPressed: () {},
                  color: Colors.orange,
                  child: new Text('orange btn'),
                ),
                Expanded(
                  child: new RaisedButton(
                    onPressed: () {},
                    color: Colors.blue,
                    child: new Text('blue btn'),
                  ),
                ),
                new RaisedButton(
                  onPressed: () {},
                  color: Colors.black,
                  child: new Text('black btn'),
                ),
              ],
            ),
          )),
    );
  }
}

class MyList extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      scrollDirection: Axis.horizontal,
      children: <Widget>[
        Container(
          width: 120,
          color: Colors.green,
        ),
        Container(
          width: 120,
          color: Colors.blue,
        ),
        Container(
          width: 120,
          color: Colors.black,
        ),
        Container(
          width: 120,
          color: Colors.orange,
        ),
        Container(
          width: 120,
          color: Colors.red,
        ),
      ],
    );
  }
}
